<template>
  <!-- 主体区域 -->
  <section id="app">
    <input v-model="msg" type="text">
    <!-- 展开写一下 -->
    <!-- v-model =>  :value="变量" @input="变量=新值" -->
    <!-- $event 事件对象 -->
    <input :value="msg" @input="msg= $event.target.value" type="text">
    <!-- <input @input="fn" type="text"> -->
  </section>
</template>

<script>

export default {
  components: {
  
  },
  data () {
    return {
      msg: ''
    }
  },
  watch: {
   
  },
  methods: {
    fn(e) {
      console.log(e);
    }
  }
}
</script>

<style>

</style>
